<!--4.    前端预测页功能约束-->
<!--1)    页面标题需求：-->
<!--页面标题应为“currency Prediction”。-->
<!--2)    页面内容需求：-->
<!--页面应包含一个<div>容器，用于展示预测结果和相关操作。-->
<!--容器内应包含一个<img>标签，用于展示用户上传的图像。图像的src属性应从后端获取，并动态插入。-->
<!--容器内应包含一个<h1>标签，用于展示预测结果。预测结果应从后端获取，并动态插入到标签内。-->
<!--容器内应包含一个表单，用于提交新的预测请求。-->
<!--3)    表单功能需求：-->
<!--表单应使用GET方法。-->
<!--表单的action属性应指向服务器的预测端点，即“http://127.0.0.1:6008/”。-->
<!--表单应包含一个提交按钮，标签为“predict another clothing ?”。-->
<!--4)    动态内容需求：-->
<!--页面应能够从后端动态获取并展示用户上传的图像。-->
<!--页面应能够从后端动态获取并展示预测结果。-->
<!--5)    用户交互需求：-->
<!--用户应能够通过点击“predict another clothing ?”按钮提交新的预测请求。-->
<!--用户应能够在页面上看到他们上传的图像和预测结果。-->
<!--6)    可用性需求：-->
<!--页面布局应合理，以便用户能够轻松查看预测结果和操作表单。-->
<!--表单和预测结果应易于理解，具有清晰的指示。-->
<!--7)    潜在的安全性和维护性需求：-->
<!--页面应确保从后端接收的数据是安全的，以防止跨站脚本（XSS）攻击。-->
<!--后端应验证和处理用户上传的文件，以防止恶意文件上传。-->
<!--后端应确保预测端点能够处理多个并发请求。-->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>currency Prediction</title>
</head>
<body>
<div>
    <img src="{{path}}" alt="图片">
    <h1>
        {{product}}
    </h1>
    <form action="http://127.0.0.1:6008/" method="get">
        <input type="submit" value="predict another clothing ?">
    </form>
</div>
</body>
</html>